<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>KingAriel Player</title>
<link rel="stylesheet" type="text/css" href="../plugins/kaplayer/css/kaplayer.css"/>
<script type="text/javascript" src="../js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="../plugins/kaplayer/js/kaslider.js"></script>
<script type="text/javascript" src="../plugins/kaplayer/js/kaplayer.js"></script>
</head>
 
<body>
<div id="player">
    <object id="ActiveX" classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6">
        <param name="URL" value=""/>
        <param name="autoStart" value="false"/>
        <param name="balance" value="0"/>
        <param name="volume" value="100"/>
        <param name="playCount" value="1"/>
        <param name="uiMode" value="invisible"/>
    </object>
    <div class="info">
        <span id="start"></span>
        <div id="info"><span></span></div>
        <span id="end"></span>
    </div>
    <div id="progress-range">
        <span id="progress-route"></span>
        <span id="progress-bar"></span>
    </div>
    <div class="button">
        <span id="play-pause" title="播放"></span>
        <span id="stop" title="停止"></span>
        <div id="previous-next">
            <span id="previous">上一曲</span>
            <span id="next">下一曲</span>
        </div>
        <div id="sound">
            <span id="minus"></span>
            <span class="volume">音量</span>
            <span id="add"></span>
            <div id="volume-range">
	            <span id="volume-bar" title="100%"></span>
	            <span id="volume-route"></span>
            </div>
        </div>
    </div>
    <div class="layout">
        <ul class="tab">
            <li class="hover">播放列表</li>
            <li>新歌推荐</li>
        </ul>
        <div class="playlist hover"></div>
        <div class="playlist"></div>
        <div class="action">
            <label><input id="all" type="checkbox"/> 全选/反选</label>
            <span id="append">添加</span>
            <span id="remove">移除</span>
        </div>
        <div class="mode">
            <span>播放模式：</span>
            <span id="order" class="sort hover">顺序</span>
            <span id="random" class="sort">随机</span>
            <span id="cycle" class="sort">单曲</span>
        </div>
    </div>
    <div class="append">
        <div class="title">
            <span>添加歌曲</span>
            <a id="close" href="javascript:void(0)">×</a>
        </div>
        <table>
            <tr>
                <td>歌 &nbsp;曲 &nbsp;名：</td>
                <td><input type="text" class="text" name="name"/></td>
            </tr>
            <tr>
                <td>链接地址：</td>
                <td><input type="text" class="text" name="url"/></td>
            </tr>
            <tr>
                <td colspan="2" align="right"><span id="confirm">确定</span>&nbsp;<span id="clear">清除</span></td>
            </tr>
        </table>
    </div>
</div>
<script type="text/javascript">
jQuery(document).ready(function() {
	KAPlayer.initPlayer({baseUrl: "../plugins/kaplayer/xml/"});
});
</script>
</body>
</html>